.page {
	padding-bottom: 50rpx;
	width: 750rpx;
	overflow: hidden;
	background-color: #FFF;
	padding-bottom: 150rpx;

}



.head-image{width: 100%;}

 
.content {
	margin: 20rpx;
	padding: 100rpx 20rpx 20rpx 20rpx;
	border-radius: 20rpx;
	box-shadow: 0 4rpx 8rpx 0 rgba(0, 0, 0, 0.2), 0 6rpx 20rpx 0 rgba(0, 0, 0, 0.19);

}


.content .piece {
	background: #ffd91d;
	border-radius: 15rpx;
	height: 200rpx;
	width: 100%;
	margin: 50rpx 0;
}



.content .name {
	font-weight: bold;
	font-size: 36rpx;
}


.content .item {
	margin: 50rpx 0;
}

.content .title {
	font-weight: bold;
	font-size: 32rpx;
	margin: 20rpx 0;
}


.detail {
	margin: 80rpx 20rpx 40rpx 20rpx;


}


.detail 	.name {
		font-weight: bold;
		margin-bottom: 25rpx;
	}
	
	 
	

.button_box
{
	width: 98%;
	margin: 0 auto;
	font-weight: 400;
}

 
 
 .joinbutton
 {
	 width:100%;height: 55rpx; 
 border-radius: 25rpx; position:fixed;bottom: 55rpx;

 
 }
 
 .join_btn{
	 background-color: #003a86;color:#ffffff;
	 border-radius: 25rpx;
	 border: solid 0px #ffffff;
	 width: 95%;
	 height: 85rpx;
	 text-align: center;
	 margin: 0 auto;
	 line-height: 85rpx;
 }